body {
  overflow: hidden; /* 隐藏滚动条并禁用滚动功能 */
}
.home-background {
  position: relative;
  width: 100%;
  height: 100vh; /* 设置背景图铺满整个屏幕 */
  overflow: hidden;

  /* 背景图设置 */
  background-image: url("./img/bgImg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  /* 使用伪元素创建呼吸效果 */
  &::before {
    position: absolute;
    inset: 0;
    z-index: 0; /* 确保背景伪元素在按钮下方 */
    content: "";
    background-image: inherit;
    background-repeat: inherit;
    background-position: inherit;
    background-size: inherit;
    animation: breathe 8s ease-in-out infinite;
  }

  /* 可以根据需要添加其他样式 */
}

@keyframes breathe {
  0% {
    transform: scale(1); /* 初始大小 */
  }
  50% {
    transform: scale(1.1); /* 放大到 1.1 倍 */
  }
  100% {
    transform: scale(1); /* 回到初始大小 */
  }
}
.buttonStyle {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10; /* 确保按钮在背景上方 */
  width: 420px;
  font-size: 14px;
  font-weight: 500;
  color: #63b0ff;
  transform: translate(-50%, -50%); /* 按钮居中 */

  /* 为按钮添加固定大小，不受背景缩放影响 */
  transform-origin: center;
}
